<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta />
<title>海淘镖局</title>
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
    <meta http-equiv="Content-Language" content="en-us" />
	<meta name="author" content="Niall Doherty" />
    <script src="js/jquery-1.2.1.pack.js" type="text/javascript"></script>
    <script src="js/jquery-easing.1.2.pack.js" type="text/javascript"></script>
    <script src="js/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>
    <script src="js/coda-slider.1.1.1.pack.js" type="text/javascript"></script>
    <script type="text/javascript" src="ext-2.2/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="ext-2.2/ext-all.js"></script>
    <script type="text/javascript">
    jQuery(window).bind("load", function() {
    jQuery("div#slider1").codaSlider()
    });
    </script>
    <script type="text/javascript">

function checkPhone( strPhone ) { 
var phoneRegWithArea = /^[0][1-9]{2,3}-[0-9]{5,8}$/; 
var phoneRegNoArea = /^[1-9]{1}[0-9]{5,8}$/; 
if( strPhone.length > 9 ) {
    if( phoneRegWithArea.test(strPhone) ){return true; }else{return false;}
}else{
    if(phoneRegNoArea.test(strPhone)){return true; }else{return false;}
}
}

function checkMobile( s ){ 
//var regu =/^[1][3,8][0-9]{9}$/; 
var regu =/^1\d{10}$/;
var re = new RegExp(regu); 
if (re.test(s)) { 
return true; 
}else{ 
return false; 
} 
} 


    function checkPhoneAndMobile(phone)   
{    
if (checkMobile(phone) || checkPhone(phone)){ 
return true;   
}
return false;  
}
    
    
    function isEmail(str){
    	var myReg = /^[-_.A-Za-z0-9]+@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/; 
        if(myReg.test(str)) return true; 
    	return false; 
    }
 
	function checkRegister(){
    		var Uname = document.getElementById("Uname").value;
    		var patterns =/^[a-zA-Z\s]+$/;
    		if(Uname==""){
    			alert("请填写姓名");
    			return;
    		}
   			if(!Uname.match(patterns)) 
				{ 
					alert("姓名只能是拼音!"); 
					return;
				} 
    	
					
    		var Utelephone = document.getElementById("Utelephone").value;
    		if(Utelephone==""){
    			alert("请填写联系电话");
    			return;
    		}
    		if(!checkPhoneAndMobile(Utelephone)){
    			alert("请输入正确的联系号码！");
    			return;
    		}
    			var email = document.getElementById("UemailId").value;
    		if(email==""){
    			alert("请填写邮箱!");
    			return;
    		}
    		  
    		if(!isEmail(email))
    		{
    			alert("请填写正确的邮件格式");
    			return;
    		}
    		if(document.getElementById("UpasswordId").value==""){
    			alert("请填写密码!");
    			return;
    		}
    		if(document.getElementById("UpasswordId").value!=document.getElementById("Upassword1").value){
    			alert("两次密码不一致");
    			return;
    		}
    		 Ext.Ajax.request({ 
                      //请求地址 
                      url: 'user!checkEmailExist.do', 
                      //提交参数组 
                      params: { 
                          Uemail : Ext.get('UemailId').dom.value 
                      }, 
                      //成功时回调 
                      success: function(response, options) { 
                         //获取响应的json字符串 
                        var responseArray = Ext.util.JSON.decode(response.responseText);                                               
                             if(responseArray.success==true){ 
                                var form = document.forms["registerForm"];
    							form.action = "user!register.do";
    							form.submit();  
                             } 
                             else{ 
                                alert('该邮件已经被注册过！');      
                             } 
                     } 
             }); 
    	}
    	function checkLogin(){
    		var loginName = document.getElementById("loginName").value;
    		var loginPass = document.getElementById("loginPass").value;
    		if(loginName==""){
    			alert("请填写邮箱!!");
    			return;
    		}
    		if(loginPass==""){
    			alert("请填写密码");
    			return;
    		}
    	   Ext.Ajax.request({ 
                      //请求地址 
                      url: 'user!login.do', 
                      //提交参数组 
                      params: { 
                          Uemail : loginName,
                          Upassword : loginPass
                      }, 
                      //成功时回调 
                      success: function(response, options) { 
                         //获取响应的json字符串 
                        var responseArray = Ext.util.JSON.decode(response.responseText);                                               
                             if(responseArray.success==true){ 
                            	window.location.href="mains.jsp";
                             } 
                             else{ 
                                alert('邮箱或密码错误,请重新登录！');      
                             } 
                     } 
             }); 
    		
    	}
    	
   		function pressEnterSubmit(event)
		{
			if (event.keyCode == 13)
			{
				checkLogin();
			}
		}
    </script>

    <style type="text/css">
<!--
.STYLE1 {
	font-size: 16px;
	font-weight: bold;
	font-family: "宋体";
}
-->
    </style>
</head>
<body>

<div id="templatemo_site_title_bar_wrapper">

	<div id="templatemo_site_title_bar">
    
    	<div id="site_title">
            
                 <img src="images/logo.font.png" alt="logistic" />  

        </div>
        
        
         <div id="twitter"><a href="#"></a></div>
      
	</div> <!-- end of templatemo_site_title_bar -->
</div> <!-- end of templatemo_site_title_bar_wrapper -->


<div id="templatemo_content_wrapper">

  <div id="templatemo_content">
    
    
    <!-- start of slider -->
    


<div class="slider-wrap">
	<div id="slider1" class="csw">
		<div class="panelContainer">
		
				<div class="panel" title="首页">
				<div class="wrapper">
                
					<h2>欢迎来到海淘镖局!</h2>
                    
					<div class="image_wrapper fl_image">
	                    <img src="images/plane.jpg" alt="image"/>
                    </div>
                    <h3>海淘镖局 服务宗旨：</h3>
                    <p>诚信为本&nbsp;尊客爱货&nbsp;信誉至上！</p>
                    <br/>
                    	<b>公告:</b>
                    	<table>
                    	<tr><td><font color="red"><b>
                    	1.由于前期体积重的问题，给客户带来了不便，现在正重新找不收体积重的地址，所以目前镖局暂停收货，具体地址会再通知各位，谢谢您的支持！
                    	</b></font></td></tr>
                    		<!-- 
                    		<tr><td><font color="red"><b>1.新开张，ca地址4美金1磅，无首重，推出免税州地址，转运费1美金1磅;</b></font></td></tr>
                    		<tr><td><font color="red"><b>2.新客户注册就送100积分,积分可以抵扣运费10%，低于3磅不能用积分抵扣运费;</b></font></td></tr>
                    		<tr><td><font color="red"><b>3.提交运单前，先填写到货预报，可以加快物流速度</b></font></td></tr>
                    		<tr><td><font color="red"><b>4.开张初期，暂不支持OR和CA包裹的合箱;</b></font></td></tr>
                    		<tr><td><font color="red"><b>5.填写收货人地址的时候，first name一定要按照转运地址中显示的填写 ;</b></font></td></tr>
                    		 -->
                    	</table>
                    
                    <!-- 
                    <p class="em_text"><a href="http://www.templatemo.com/page/1" target="_parent">Free CSS Template</a> is provided by <a href="http://www.templatemo.com" target="_parent">templatemo.com</a> for everyone. Validate <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>. You may use this template for your websites. Credits go to <a href="http://www.photovaco.com" target="_blank">Free Photos</a> for photos and <a href="http://www.ndoherty.com" target="_blank">ndoherty.com</a> for Coda-Slider.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer enim metus, convallis id semper vel, posuere ac dui. Integer vestibulum, elit non lobortis sodales, dui nibh imperdiet turpis, id lobortis enim turpis eget ante. Donec non magna nunc. Donec ultricies fermentum sapien in facilisis.</p>
                	 -->
                    <!-- <div class="cleaner_h30"></div> -->
                    <div class="horizontal_divider"></div>
					<!-- <div class="cleaner_h30"></div> -->                    
                    
                    <div class="section_w320 fl">
	                    <img class="fl" src="images/portfolio.png" alt="portfolio" />
                        <div class="w320_content">
                            <h3>登录</h3>
                       <form method="post" name="loginForm" >
                        
                        <label for="email">邮箱:</label> <input style="width:150px" id="loginName" type="text"  name="Uemail" class="validate-email required input_field" />
                        <div class="cleaner_h10"></div>
                        
                        <label for="url">密码:</label> <input style="width:150px" id="loginPass" type="password" name="Upassword"  class="input_field"  onkeypress="pressEnterSubmit(event)" />
                        <div class="cleaner_h10"></div>
                        
                        <input style="font-weight: bold;" type="button" class="submit_btn"  onclick="checkLogin()" value=" 登录 " />
                        </form>
    	                    <div class="cleaner"></div>
	                        <!-- <div class="button_01"><a href="#3">More</a></div> -->
        				</div>
                                        
                   	</div>
                    
                    <div class="section_w320 fr">
	                    <img class="fl" src="images/aboutme.png" alt="portfolio" />
                        <div class="w320_content">
                            <h3>在线客服</h3>
                            <table width="192" height="58" border="0" cellSpacing="0" cellPadding="0">
                            	<tr>
                            		<td width="112" height="32" align="left" vAlign="top">
                            			<a href="http://wpa.qq.com/msgrd?v=3&uin=253710059&site=qq&menu=yes"" target="_blank">
                            				<img alt="点击这里给我发送消息" src="http://wpa.qq.com/pa?p=2:253710059:41" border="0" complete="complete"/>
                            			</a>(美国客服)
                            			<br/>
                            			<a href="http://wpa.qq.com/msgrd?v=3&uin=1047301702&site=qq&menu=yes"" target="_blank">
                            				<img alt="点击这里给我发送消息" src="http://wpa.qq.com/pa?p=2:1047301702:41" border="0" complete="complete"/>
                            			</a>(中国客服)
                            			<br/>
                            			<a href="http://wpa.qq.com/msgrd?v=3&uin=260224441&site=qq&menu=yes"" target="_blank">
                            				<img alt="点击这里给我发送消息" src="http://wpa.qq.com/pa?p=2:260224441:41" border="0" complete="complete"/>
                            			</a>(中国客服)
                            		</td>
                            	</tr>
                            	<tr>
                            		<td>
                            			<b>加客服为好友，沟通更方便</b>
                            		<br/>
										QQ：253710059;(美国客服)
									<br/>
										QQ:1047301702;(中国客服)
									<br/>	
										QQ: 260224441;(中国客服)
                            		</td>
                            	</tr>
                            </table>
    	                    <div class="cleaner"></div>
	                        <!-- <div class="button_01"><a href="#3">More</a></div> -->
        				</div>
                                        
                   	</div>
                    
                


					<!-- <p><a href="#2" class="cross-link" title="Go to Page 2">下一页  &#187;</a></p> -->
				</div>
			</div>
			<div class="panel" title="购物流程">
				<div class="wrapper">
                
					<h2>流程</h2>
                    <!-- 
                    <p class="em_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis tortor ut velit suscipit lobortis. Quisque nec massa sapien, nec semper mi. Cras tincidunt posuere tortor vitae blandit.</p>
                     -->
                    <div class="cleaner_h20"></div>
                    <ul class="service_list">
                    	<li>首先请在本公司网站上注册，注册后，每个客户可以有唯一的识别码，该识别码是用来购物网站上，连同购物地址一起输入的。识别码是5位数字。</li>
                        <li>在购物网站上购买东西，等ups送达我们公司仓库后，会在您的专属账户上看到到货信息，我们会给出重量以及ups单号.</li>
                        <li>因本公司暂时不能自动充值，请将运费支付到支付宝账号，以便我们核实后，安排为您发货.</li>
                        <li>新开张活动期间内
                        	<p>1、注册就送100积分，积分可以抵扣运费，每次积分可抵扣运费10% </p>
                        	<p>2、增值服务全部免费，客户可以选择合并或者拆分包裹</p>
							<p>关税表请参照中国海关税率表.</p>
						</li>
						<li>关于购买保险的须知，保险公司对工艺品、易碎品、首饰、珠宝这些东西不在保险范围内，请知悉</li>
                    </ul>
                    
                    <div class="cleaner_h20"></div>
					<!-- <p><a href="#1" class="cross-link" title="Go to Page 1">&#171; 上一页</a> | <a href="#3" class="cross-link" title="Go to Page 3">下一页 &#187;</a></p> -->
				</div>
			</div>		
            
            
			<div class="panel" title="收费标准">
				<div class="wrapper">
				<h2>费用说明</h2>	
            		 <ul class="service_list">
                    	<li>ca地址4美金1磅，无首重，推出免税州地址，转运费1美金1磅;</li>
                    	</ul>
            <table border=0 cellpadding=2 cellspacing=1 width="100%">
			   <tr align="center" height=30 bgcolor="#2dcee2"> 
				<td colspan="3" style="color:#ffffff;font-weight:bold;">美国加州洛杉矶发货</td>
			  </tr>
			  <tr align="center" height=30 bgcolor="#2dcee2"> 
				<td style="color:#ffffff;font-weight:bold;" width="30%">重量<br>(lb)</td>
				<td style="color:#ffffff;font-weight:bold;" width="35%">CA</td>
				<td style="color:#ffffff;font-weight:bold;" width="35%">OR</td>
			</tr>
			  <tr align="center" height=24 bgcolor="#E4E5EF"> 
				<td style="color:#002868;">1</td>
				<td style="color:#002868;" id="ca1">25.92RMB($4)</td>
				<td style="color:#002868;" id="or1">32.4RMB($5)</td>
			  </tr>
			  <tr align="center" height=24  bgcolor="#E4E5EF"> 
				<td style="color:#002868;">2</font></td>
				<td style="color:#002868;" id="ca2">51.84RMB($8)</td>
				<td style="color:#002868;" id="or2">64.8RMB($10)</td>
			  </tr>
			  <tr align="center" height=24  bgcolor="#E4E5EF"> 
				<td style="color:#002868;" >3</font></td>
				<td style="color:#002868;" id="ca3">77.76RMB($12)</td>
				<td style="color:#002868;" id="or3">97.2RMB($15)</td>
			  </tr>
			  <tr align="center" height=24  bgcolor="#E4E5EF"> 
				<td style="color:#002868;">4</font></td>
				<td style="color:#002868;" id="ca4">103.68RMB($16)</td>
				<td style="color:#002868;" id="or4">129.6RMB($20)</td>
			  </tr>
			    <tr align="center" height=24  bgcolor="#E4E5EF"> 
				<td style="color:#002868;">5</font></td>
				<td style="color:#002868;" id="ca5">130RMB($20)</td>
				<td style="color:#002868;" id="or5">162.5RMB($25)</td>
			  </tr>
			   <tr align="center" height=24  bgcolor="#E4E5EF"> 
				<td style="color:#002868;">6</font></td>
				<td style="color:#002868;" id="ca6">155.52RMB($24)</td>
				<td style="color:#002868;" id="or6">194.4RMB($30)</td>
			  </tr>
			  <tr align="center" height=24  bgcolor="#E4E5EF"> 
				<td style="color:#002868;border-bottom:1px solid #002868;">... ...</font></td>
				<td style="color:#002868;border-bottom:1px solid #002868;"></td>
				<td style="color:#002868;border-bottom:1px solid #002868;"></td>
			  </tr>
			  <tr height=24 bgcolor="#E4E5EF"> 
				<td colspan=3 style="color:#002868;padding:8px;"> 
				  注：此报价包含燃油费，操作费，不足1磅按1磅计费。体积重(长*宽*高/166)大于实际重，按照体积重收费。不含关税，退运费。<font color="red">以上报价基础是在人民币兑美元汇率6.48</font><br>
				  </td>
			  </tr>
			</table>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
            	<div class="cleaner_h20"></div>
				<!-- <p><a href="#2" class="cross-link" title="Go to Page 2">&#171; 上一页</a> | <a href="#4" class="cross-link" title="Go to Page 4">下一页  &#187;</a></p> -->
                    <div class="cleaner_h10"></div>
                     
				</div>
			</div>
            
			<div class="panel" title="关于我们">
				<div class="wrapper">
					
                    <h2>关于我们</h2>
                    
                    <div class="image_wrapper fl_image">
                            <img src="images/templatemo_image_05.jpg" alt="image"/>
                    </div>
					<p>
					海淘镖局总部位于美国加州，主要经营北美到中，港，台的传统国际快递、以及国际电子商务仓储、物流及相关业务。
					海淘镖局为中国大陆在海外网站上购物提供仓储、物流解决方案。无论您是海陶一族，还是海外代购的经营业者，我们为您提供海外的专用收货地址，还有专属的免税州地址，使您拥有当地居民有同样的购物便利，轻松的购物环境，我们还为您提供仓储空间，您可以自行控制寄送的时间、数量和顺序，以降低运输成本，提高生意的灵活性，充分享受海外购物的乐趣。我们先进的操作平台、完善的运输网络、专业的服务团队为您提供高效、低价、优质、安全的国际电子商务物仓储，物流服务. </p>
                    
                    <div class="image_wrapper fr_image">
                            <img src="images/templatemo_image_06.jpg" alt="image"/>
                    </div>
                    <br/>
                        
                        
                    <div class="cleaner_h20"></div>
            		<div class="cleaner_h20"></div>
            		<div class="cleaner_h20"></div>
            		<div class="cleaner_h20"></div>
            		
            		
					<!-- <p><a href="#3" class="cross-link" title="Go to Page 3">&#171; 前一页</a> | <a href="#5" class="cross-link" title="Go to Page 5">后一页 &#187;</a></p> -->
				</div>
			</div>
			<div class="panel" title="注册">
				<div class="wrapper">
					
                    <h2>会员注册</h2>
                    

                    
                    <div id="contact_form">
                    
                        <form method="post" name="registerForm" action="">
                        <div class="cleaner_h10"></div>
                        
                        <label for="email">姓名(拼音):</label> <input type="text" id="Uname" name="Uname" class="input_field" />
                        <div class="cleaner_h10"></div>
                        
                        <label for="email">邮箱:</label> <input type="text" id="UemailId" name="Uemail" class="validate-email required input_field" />
                        <div class="cleaner_h10"></div>
                        
                        <label for="email">联系电话:</label> <input type="text" id="Utelephone" name="Utelephone" class="input_field" />
                        <div class="cleaner_h10"></div>
                        
                        <label for="url">密码:</label> <input type="password" name="Upassword" id="UpasswordId" class="input_field" />
                        <div class="cleaner_h10"></div>
                        
                        <label for="url">确认密码:</label> <input type="password" name="Upassword1" id="Upassword1" class="input_field" />
                        <div class="cleaner_h10"></div>
                        
                        <input style="font-weight: bold;" type="button" class="submit_btn" onclick="checkRegister()" name="method:register"  value=" 注册 " />
                        
                        &nbsp;&nbsp;
                        <input type="reset" name="reset" id="reset" value=" 重置 " />
                        
                        
                        </form>
                    </div>

                    
                    <div class="address_info">
                    	<h3>注意事项</h3>
                    	姓名只能是拼音<br/>
                                                                邮箱是注册后的登录名,每个邮箱只能注册一次<br />
                                                                联系电话格式可以是11位手机号码(13788888888)或者座机,例如(021-58585858)<br/>
                                                                <br />
                        
                    </div>
                    
                    <div class="cleaner_h20"></div>

                    </div>
                    
					<!-- <p><a href="#4" class="cross-link" title="Go to Page 4">&#171; 前一页</a></p> -->
				</div>
			</div>
			
		</div><!-- .panelContainer -->
	</div><!-- #slider1 -->
</div><!-- .slider-wrap -->



    <!-- end of slider -->
    
	</div>
<div>
	<div class="cleaner_h60">
                    	<table  width="804px" border="0px" cellSpacing="0" cellPadding="2" align="center" bgcolor="#FFFFFF">
                    	<tr><td width="145" height="20"  bgColor="#f7f7f7"><span class="STYLE1">合作伙伴</span></td>
                    	</tr>
                    	<tr>
                    		<td align="center" style="float:left"><a href="http://www.ems.com.cn/" target="_blank" title="EMS"><img src="images/ems.gif" width="140" height="40" border="0"/></a>
                    			<a href="http://www.alipay.com/" target="_blank" title="支付宝"><img src="images/apply.jpg" width="140" height="40" border="0"/></a>
                    		</td>
                    	</tr>
	  </table>
	</div>
</div>
<div id="templatemo_footer_wrapper">

	<div id="templatemo_footer">
	© 2012 <a href="http://www.hi-tao.net">hi-tao.net</a> - All rights reserved
	     
	</div> <!-- end of templatemo_footer -->
</div> <!-- end of templatemo_footer_wrapper -->

</body>
</html>